<style type="text/css">
    .input-group-addon{padding: 15px 12px}
    .panel .panel-body{padding-top: 0px;}
    .RoleMenuList .show{display: block;}
    .RoleMenuLists:focus{outline: none;}
    .level-label{font-weight: normal!important;margin-right: 30px;}
    .level-label input{width: 15px;height: 15px;margin-right: 8px;margin-top: 0px;vertical-align: -2px;}
    table.table-bordered td:last-child {text-align: left;}
    .table tbody > tr > td{padding: 12px 10px;}
    .tab_tables_border{border: none;}
    table.table-bordered.dataTable{border: 1px solid #DDDDDD;}
    table.dataTable thead > tr > th{border-top: none!important;}
  /*  #datatable0 input{outline:none; -webkit-appearance: normal!important; -moz-appearance: normal!important; -o-appearance: normal; appearance: normal!important;}*/
    input[type="checkbox"]{-webkit-appearance:checkbox;
    -moz-appearance: checkbox;
        -o-appearance: checkbox;
        appearance: checkbox;}
</style>
    <!-- <div class="page-title">
        <h3 class="title">权限管理 &gt; 等级管理 </h3>
    </div> -->
    <div class="page-title q-tit-change" style="margin:10px;"> 
        <a href="/jurisdiction/level">权限管理</a> > 等级管理
        <button class="btn btn-primary  m-b-5 edit-add-btn EditLevel fr"style="margin-right: 25px;display: none;" data-type ="100" > <i class="icon  ion-android-add" style="margin-right: 5px;"></i> 新增</button>
    </div>
    <div class="row" style="margin-left: 0px;margin-right: 0px;">
        <div class="col-md-12">
            <div class="panel panel-default" style="display: none;">
                <div class="panel-body">
                    <div class="row">
                        <!--<div class="overflow">
                            <div class="search_litile_tit fl" style="padding-left: 10px;margin-left: 10px;"><span class="tit_diswidth"></span>总裁管理</div>
                            <div class="fr">
                                 <button class="btn btn-primary  m-b-5 m-r-10 edit-add-btn" data-toggle="modal" data-target="#EditLevel"> <i class="icon fa fa-edit" style="font-size: 15px;margin-right: 5px;"></i> 编辑</button>
                                 <button class="btn btn-primary  m-b-5 m-r-10 edit-add-btn" data-toggle="modal" data-target="#EditLevel"> <i class="icon fa  fa-save " style="font-size: 15px;margin-right: 5px;"></i> 保存等级关联</button>
                            </div>
                        </div>
                        <div class="col-md-12 col-sm-12 col-xs-12">
                            <table id="datatable" class="table table-striped table-bordered">
                                <thead>
                                <tr>
                                    <th style="width: 200px;;">模块</th>
                                    <th>权限配置细则</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>推广管理</td>
                                    <td><label class="level-label"><input type="checkbox" value="" data-id="28">权限管理</label></td>
                                </tr>
                                </tbody>
                            </table>
                        </div>-->
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 编辑 -->
    <div id="EditLevel" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" style="display: none;">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header" style="border-bottom: 0px;">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" style="text-align: center;">编辑等级信息</h4>
                </div>
                <div class="modal-body" style="padding: 0px;">
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <label for="inputEmail3" class="col-sm-3 control-label">等级名称</label>
                            <div class="col-sm-9">
                                <input type="text" class="form-control LevelName" placeholder="请输入等级名称">
                            </div>
                        </div>
                        <div class="form-group ENTCodeInput">
                            <label for="inputEmail3" class="col-sm-3 control-label">上级</label>
                            <div class="col-sm-9">
                                <select class="form-control " id="ParentLevelId">
                                    <option value="0" selected="selected">请选择上级</option>
                                </select>
                            </div>
                        </div>
                        <div class="EntPriseInput">
                            <div class="form-group">
                                <label for="inputEmail3" class="col-sm-3 control-label">销售绩效比例</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control PerformanceRatio" placeholder="请输入销售绩效比例">
                                </div>
                            </div>
                            <div class="form-group">
                                <label for="inputEmail3" class="col-sm-3 control-label">绩效佣金比例</label>
                                <div class="col-sm-9">
                                    <input type="text" class="form-control BrokerageRatio" placeholder="请输入绩效佣金比例">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer" style="border-top: 0px;padding-bottom: 15px;">
                    <div class="pass-msg error m-r-10"></div>
                    <button type="button" class="btn btn-white" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-info btn-sure">保存</button>
                </div>
            </div>
        </div>
    </div>
<script src="/modules/js/jsTree/jstree.min.js"></script>
    <link href="/modules/js/jsTree/jstree.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
    seajs.use('jurisdiction/level');
</script>